<template>
  <div>
    <div class="bbs_detail_wrap csdn_main_container">

      <div class="bbs_topic_wrap" style="margin-bottom: 10px;">
        <el-form ref="form" :model="form" :rules="rules" label-width="0px">
          <el-form-item prop="forumTitle">
            <el-input v-model="form.forumTitle" placeholder="请输入文章标题 " :maxlength="80" show-word-limit clearable
                      prefix-icon="el-icon-document" :style="{width: '100%'}"
            ></el-input>
          </el-form-item>
          <div style="display: block;padding: 10px;border: 1px solid #A9CBEE;">
            <el-form-item prop="forumContent">
              <editor v-model="form.forumContent" :min-height="192"/>
            </el-form-item>
            <div class="fabu">
              <a @click="submitForm">发 布</a>
            </div>
            <ul class="pub_list pub_ml pub_b_tip" style="clear: both">
              <li style="font-weight: bold;">请遵守中原工学院社联论坛准则，不得违反国家法律法规。</li>
              <li>转载文章请注明出自中原工学院，如是商业用途请联系原作者。</li>
              <li>为了维护良好的讨论环境，请不要讨论政治 相关话题。</li>
            </ul>
          </div>
        </el-form>
        <!--        <form accept-charset="UTF-8" action="/topics" class="publish" enctype="multipart/form-data" id="new_topic"
                      method="post" novalidate="novalidate"
                >
                  <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input
                    name="authenticity_token" type="hidden" value="RvZl8vN8PYFKx3q6v/cQAXAm0whBo9qNOXXfVTIGzw0="
                  ></div>
                  <div class="publish_t">
                    <div class="publish_t_l">
                      <input autocomplete="off" class="required txt input_con" maxlength="5" name="topic[title]"
                             placeholder="输入文章标题" size="60" type="text"
                      >
                      <div class="publish_tips"><em id="title_count_notice">你还可以输入80个字符</em></div>
                    </div>
                  </div>
                  <div class="csdn-bbs">
                    <Editor></Editor>
                    <div class="editor1"></div>
                    <div class="comt">
                      <div class="reply">
                        <div class="editor">
                          <div>
                            <div id="markItUpTopic_body" class="markItUp">
                              <div class="tab">
                                <ul>
                                  <li class="edit_btn_wrap hover"><a class="edit_btn_a" href="javascript:void(0);"
                                  ><span>编辑</span></a></li>
                                  <li><a class="preview_btn_a" href="javascript:void(0);"><span>预览</span></a></li>
                                </ul>
                                <div class="markItUptips"></div>
                              </div>
                              <div class="markItUpContainer">
                                <div class="markItUpHeader">
                                  <ul>
                                    <li class="markItUpButton markItUpButton1 bbtn_bold"><a href="" title="粗体">粗体</a></li>
                                    <li class="markItUpButton markItUpButton2 bbtn_italic"><a href="" title="斜体">斜体</a></li>
                                    <li class="markItUpButton markItUpButton3 bbtn_underline"><a href="" title="下划线">下划线</a>
                                    </li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton4 bbtn_size not_prompt markItUpDropMenu"><a href=""
                                                                                                                        title="字体大小"
                                    >字体大小</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton4-1 col1-1"><a href="" title="12px">12px</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton4-2 col1-2"><a href="" title="13px">13px</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton4-3 col1-3"><a href="" title="14px">14px</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton4-4 col2-1"><a href="" title="16px">16px</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton4-5 col2-2"><a href="" title="18px">18px</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton4-6 col2-3"><a href="" title="24px">24px</a>
                                        </li>
                                      </ul>
                                    </li>
                                    <li class="markItUpButton markItUpButton5 bbtn_color not_prompt markItUpDropMenu"><a href=""
                                                                                                                         title="字体颜色"
                                    >字体颜色</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton5-1 col1-1"><a href="" title="黑色">黑色</a></li>
                                        <li class="markItUpButton markItUpButton5-2 col1-2"><a href="" title="褐色">褐色</a></li>
                                        <li class="markItUpButton markItUpButton5-3 col1-3"><a href="" title="橄榄色">橄榄色</a></li>
                                        <li class="markItUpButton markItUpButton5-4 col1-4"><a href="" title="深绿">深绿</a></li>
                                        <li class="markItUpButton markItUpButton5-5 col1-5"><a href="" title="深青">深青</a></li>
                                        <li class="markItUpButton markItUpButton5-6 col1-6"><a href="" title="深蓝">深蓝</a></li>
                                        <li class="markItUpButton markItUpButton5-7 col1-7"><a href="" title="靛蓝">靛蓝</a></li>
                                        <li class="markItUpButton markItUpButton5-8 col1-8"><a href="" title="灰色-80%">灰色-80%</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton5-9 col2-1"><a href="" title="深红">深红</a></li>
                                        <li class="markItUpButton markItUpButton5-10 col2-2"><a href="" title="橙色">橙色</a></li>
                                        <li class="markItUpButton markItUpButton5-11 col2-3"><a href="" title="深黄">深黄</a></li>
                                        <li class="markItUpButton markItUpButton5-12 col2-4"><a href="" title="绿色">绿色</a></li>
                                        <li class="markItUpButton markItUpButton5-13 col2-5"><a href="" title="绿色">绿色</a></li>
                                        <li class="markItUpButton markItUpButton5-14 col2-6"><a href="" title="蓝色">蓝色</a></li>
                                        <li class="markItUpButton markItUpButton5-15 col2-7"><a href="" title="蓝-灰">蓝-灰</a></li>
                                        <li class="markItUpButton markItUpButton5-16 col2-8"><a href="" title="灰色-50%"
                                        >灰色-50%</a></li>
                                        <li class="markItUpButton markItUpButton5-17 col3-1"><a href="" title="红色">红色</a></li>
                                        <li class="markItUpButton markItUpButton5-18 col3-2"><a href="" title="浅橙">浅橙</a></li>
                                        <li class="markItUpButton markItUpButton5-19 col3-3"><a href="" title="酸橙">酸橙</a></li>
                                        <li class="markItUpButton markItUpButton5-20 col3-4"><a href="" title="海绿">海绿</a></li>
                                        <li class="markItUpButton markItUpButton5-21 col3-5"><a href="" title="水绿色">水绿色</a></li>
                                        <li class="markItUpButton markItUpButton5-22 col3-6"><a href="" title="浅蓝">浅蓝</a></li>
                                        <li class="markItUpButton markItUpButton5-23 col3-7"><a href="" title="紫罗兰">紫罗兰</a></li>
                                        <li class="markItUpButton markItUpButton5-24 col3-8"><a href="" title="灰色-40%"
                                        >灰色-40%</a></li>
                                        <li class="markItUpButton markItUpButton5-25 col4-1"><a href="" title="粉红">粉红</a></li>
                                        <li class="markItUpButton markItUpButton5-26 col4-2"><a href="" title="金色">金色</a></li>
                                        <li class="markItUpButton markItUpButton5-27 col4-3"><a href="" title="黄色">黄色</a></li>
                                        <li class="markItUpButton markItUpButton5-28 col4-4"><a href="" title="鲜绿">鲜绿</a></li>
                                        <li class="markItUpButton markItUpButton5-29 col4-5"><a href="" title="青绿">青绿</a></li>
                                        <li class="markItUpButton markItUpButton5-30 col4-6"><a href="" title="天蓝">天蓝</a></li>
                                        <li class="markItUpButton markItUpButton5-31 col4-7"><a href="" title="梅红">梅红</a></li>
                                        <li class="markItUpButton markItUpButton5-32 col4-8"><a href="" title="灰色-25%"
                                        >灰色-25%</a></li>
                                        <li class="markItUpButton markItUpButton5-33 col5-1"><a href="" title="玖瑰红">玖瑰红</a></li>
                                        <li class="markItUpButton markItUpButton5-34 col5-2"><a href="" title="茶色">茶色</a></li>
                                        <li class="markItUpButton markItUpButton5-35 col5-3"><a href="" title="浅黄">浅黄</a></li>
                                        <li class="markItUpButton markItUpButton5-36 col5-4"><a href="" title="浅绿">浅绿</a></li>
                                        <li class="markItUpButton markItUpButton5-37 col5-5"><a href="" title="浅青绿">浅青绿</a></li>
                                        <li class="markItUpButton markItUpButton5-38 col5-6"><a href="" title="淡蓝">淡蓝</a></li>
                                        <li class="markItUpButton markItUpButton5-39 col5-7"><a href="" title="淡紫">淡紫</a></li>
                                        <li class="markItUpButton markItUpButton5-40 col5-8"><a href="" title="白色">白色</a></li>
                                      </ul>
                                    </li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton6 picture bbtn_picture"><a href="" title="图片">图片</a>
                                    </li>
                                    <li class="markItUpButton markItUpButton7 bbtn_link"><a href="" title="链接">链接</a></li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton8 bbtn_align_left"><a href="" title="左对齐">左对齐</a>
                                    </li>
                                    <li class="markItUpButton markItUpButton9 bbtn_align_center"><a href="" title="居中对齐"
                                    >居中对齐</a></li>
                                    <li class="markItUpButton markItUpButton10 bbtn_align_right"><a href="" title="右对齐">右对齐</a>
                                    </li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton11 bbtn_quotes"><a href="" title="引用">引用</a></li>
                                    <li class="markItUpButton markItUpButton12 bbtn_code not_prompt markItUpDropMenu"><a href=""
                                                                                                                         title="代码"
                                    >代码</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton12-1 "><a href="" title="C#">C#</a></li>
                                        <li class="markItUpButton markItUpButton12-2 "><a href="" title="C/C++">C/C++</a></li>
                                        <li class="markItUpButton markItUpButton12-3 "><a href="" title="CSS">CSS</a></li>
                                        <li class="markItUpButton markItUpButton12-4 "><a href="" title="Delphi/Pascal">Delphi/Pascal</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton12-5 "><a href="" title="JavaScript"
                                        >JavaScript</a></li>
                                        <li class="markItUpButton markItUpButton12-6 "><a href="" title="Java">Java</a></li>
                                        <li class="markItUpButton markItUpButton12-7 "><a href="" title="Objective C">Objective
                                          C</a></li>
                                        <li class="markItUpButton markItUpButton12-8 "><a href="" title="Perl">Perl</a></li>
                                        <li class="markItUpButton markItUpButton12-9 "><a href="" title="PHP">PHP</a></li>
                                        <li class="markItUpButton markItUpButton12-10 "><a href="" title="Python">Python</a>
                                        </li>
                                        <li class="markItUpButton markItUpButton12-11 "><a href="" title="Ruby">Ruby</a></li>
                                        <li class="markItUpButton markItUpButton12-12 "><a href="" title="SQL">SQL</a></li>
                                        <li class="markItUpButton markItUpButton12-13 "><a href="" title="Visual Basic">Visual
                                          Basic</a></li>
                                        <li class="markItUpButton markItUpButton12-14 "><a href="" title="HTML">HTML</a></li>
                                        <li class="markItUpButton markItUpButton12-15 "><a href="" title="json">json</a></li>
                                        <li class="markItUpButton markItUpButton12-16 "><a href="" title="xml">xml</a></li>
                                        <li class="markItUpButton markItUpButton12-17 "><a href="" title="其他">其他</a></li>
                                      </ul>
                                    </li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton13 emoticons emoticons_qq markItUpDropMenu"><a
                                      href="" title="QQ"
                                    >QQ</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton13-1 emoticon emoticon_qq_1"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-2 emoticon emoticon_qq_2"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-3 emoticon emoticon_qq_3"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-4 emoticon emoticon_qq_4"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-5 emoticon emoticon_qq_5"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-6 emoticon emoticon_qq_6"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-7 emoticon emoticon_qq_7"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-8 emoticon emoticon_qq_8"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-9 emoticon emoticon_qq_9"><a href=""
                                                                                                                title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-10 emoticon emoticon_qq_10"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-11 emoticon emoticon_qq_11"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-12 emoticon emoticon_qq_12"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-13 emoticon emoticon_qq_13"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-14 emoticon emoticon_qq_14"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-15 emoticon emoticon_qq_15"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-16 emoticon emoticon_qq_16"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-17 emoticon emoticon_qq_17"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-18 emoticon emoticon_qq_18"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-19 emoticon emoticon_qq_19"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-20 emoticon emoticon_qq_20"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-21 emoticon emoticon_qq_21"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-22 emoticon emoticon_qq_22"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-23 emoticon emoticon_qq_23"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-24 emoticon emoticon_qq_24"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-25 emoticon emoticon_qq_25"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-26 emoticon emoticon_qq_26"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-27 emoticon emoticon_qq_27"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-28 emoticon emoticon_qq_28"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-29 emoticon emoticon_qq_29"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-30 emoticon emoticon_qq_30"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-31 emoticon emoticon_qq_31"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-32 emoticon emoticon_qq_32"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-33 emoticon emoticon_qq_33"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-34 emoticon emoticon_qq_34"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-35 emoticon emoticon_qq_35"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-36 emoticon emoticon_qq_36"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-37 emoticon emoticon_qq_37"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-38 emoticon emoticon_qq_38"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-39 emoticon emoticon_qq_39"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-40 emoticon emoticon_qq_40"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-41 emoticon emoticon_qq_41"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-42 emoticon emoticon_qq_42"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-43 emoticon emoticon_qq_43"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-44 emoticon emoticon_qq_44"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-45 emoticon emoticon_qq_45"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-46 emoticon emoticon_qq_46"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-47 emoticon emoticon_qq_47"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-48 emoticon emoticon_qq_48"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-49 emoticon emoticon_qq_49"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-50 emoticon emoticon_qq_50"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-51 emoticon emoticon_qq_51"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-52 emoticon emoticon_qq_52"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-53 emoticon emoticon_qq_53"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-54 emoticon emoticon_qq_54"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-55 emoticon emoticon_qq_55"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-56 emoticon emoticon_qq_56"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-57 emoticon emoticon_qq_57"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-58 emoticon emoticon_qq_58"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-59 emoticon emoticon_qq_59"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-60 emoticon emoticon_qq_60"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-61 emoticon emoticon_qq_61"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-62 emoticon emoticon_qq_62"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-63 emoticon emoticon_qq_63"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-64 emoticon emoticon_qq_64"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-65 emoticon emoticon_qq_65"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-66 emoticon emoticon_qq_66"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-67 emoticon emoticon_qq_67"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-68 emoticon emoticon_qq_68"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-69 emoticon emoticon_qq_69"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-70 emoticon emoticon_qq_70"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-71 emoticon emoticon_qq_71"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-72 emoticon emoticon_qq_72"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-73 emoticon emoticon_qq_73"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-74 emoticon emoticon_qq_74"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-75 emoticon emoticon_qq_75"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-76 emoticon emoticon_qq_76"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-77 emoticon emoticon_qq_77"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-78 emoticon emoticon_qq_78"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-79 emoticon emoticon_qq_79"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-80 emoticon emoticon_qq_80"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-81 emoticon emoticon_qq_81"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-82 emoticon emoticon_qq_82"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-83 emoticon emoticon_qq_83"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-84 emoticon emoticon_qq_84"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-85 emoticon emoticon_qq_85"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-86 emoticon emoticon_qq_86"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-87 emoticon emoticon_qq_87"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-88 emoticon emoticon_qq_88"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-89 emoticon emoticon_qq_89"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-90 emoticon emoticon_qq_90"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-91 emoticon emoticon_qq_91"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-92 emoticon emoticon_qq_92"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-93 emoticon emoticon_qq_93"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-94 emoticon emoticon_qq_94"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-95 emoticon emoticon_qq_95"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-96 emoticon emoticon_qq_96"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-97 emoticon emoticon_qq_97"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-98 emoticon emoticon_qq_98"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-99 emoticon emoticon_qq_99"><a href=""
                                                                                                                  title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-100 emoticon emoticon_qq_100"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-101 emoticon emoticon_qq_101"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-102 emoticon emoticon_qq_102"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-103 emoticon emoticon_qq_103"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-104 emoticon emoticon_qq_104"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-105 emoticon emoticon_qq_105"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-106 emoticon emoticon_qq_106"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-107 emoticon emoticon_qq_107"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-108 emoticon emoticon_qq_108"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-109 emoticon emoticon_qq_109"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-110 emoticon emoticon_qq_110"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-111 emoticon emoticon_qq_111"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-112 emoticon emoticon_qq_112"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-113 emoticon emoticon_qq_113"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-114 emoticon emoticon_qq_114"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-115 emoticon emoticon_qq_115"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-116 emoticon emoticon_qq_116"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-117 emoticon emoticon_qq_117"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-118 emoticon emoticon_qq_118"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-119 emoticon emoticon_qq_119"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-120 emoticon emoticon_qq_120"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-121 emoticon emoticon_qq_121"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-122 emoticon emoticon_qq_122"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-123 emoticon emoticon_qq_123"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-124 emoticon emoticon_qq_124"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-125 emoticon emoticon_qq_125"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-126 emoticon emoticon_qq_126"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-127 emoticon emoticon_qq_127"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-128 emoticon emoticon_qq_128"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-129 emoticon emoticon_qq_129"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-130 emoticon emoticon_qq_130"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-131 emoticon emoticon_qq_131"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-132 emoticon emoticon_qq_132"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-133 emoticon emoticon_qq_133"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton13-134 emoticon emoticon_qq_134"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                      </ul>
                                    </li>
                                    <li class="markItUpButton markItUpButton14 emoticons emoticons_monkey markItUpDropMenu"><a
                                      href="" title="monkey"
                                    >monkey</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton14-1 emoticon emoticon_monkey_1"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-2 emoticon emoticon_monkey_2"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-3 emoticon emoticon_monkey_3"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-4 emoticon emoticon_monkey_4"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-5 emoticon emoticon_monkey_5"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-6 emoticon emoticon_monkey_6"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-7 emoticon emoticon_monkey_7"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-8 emoticon emoticon_monkey_8"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-9 emoticon emoticon_monkey_9"><a href=""
                                                                                                                    title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-10 emoticon emoticon_monkey_10"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-11 emoticon emoticon_monkey_11"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-12 emoticon emoticon_monkey_12"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-13 emoticon emoticon_monkey_13"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-14 emoticon emoticon_monkey_14"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-15 emoticon emoticon_monkey_15"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-16 emoticon emoticon_monkey_16"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-17 emoticon emoticon_monkey_17"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-18 emoticon emoticon_monkey_18"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-19 emoticon emoticon_monkey_19"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-20 emoticon emoticon_monkey_20"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-21 emoticon emoticon_monkey_21"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-22 emoticon emoticon_monkey_22"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-23 emoticon emoticon_monkey_23"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-24 emoticon emoticon_monkey_24"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-25 emoticon emoticon_monkey_25"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-26 emoticon emoticon_monkey_26"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-27 emoticon emoticon_monkey_27"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-28 emoticon emoticon_monkey_28"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-29 emoticon emoticon_monkey_29"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-30 emoticon emoticon_monkey_30"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-31 emoticon emoticon_monkey_31"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-32 emoticon emoticon_monkey_32"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-33 emoticon emoticon_monkey_33"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-34 emoticon emoticon_monkey_34"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-35 emoticon emoticon_monkey_35"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-36 emoticon emoticon_monkey_36"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-37 emoticon emoticon_monkey_37"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-38 emoticon emoticon_monkey_38"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-39 emoticon emoticon_monkey_39"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-40 emoticon emoticon_monkey_40"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-41 emoticon emoticon_monkey_41"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-42 emoticon emoticon_monkey_42"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-43 emoticon emoticon_monkey_43"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-44 emoticon emoticon_monkey_44"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-45 emoticon emoticon_monkey_45"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-46 emoticon emoticon_monkey_46"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-47 emoticon emoticon_monkey_47"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-48 emoticon emoticon_monkey_48"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-49 emoticon emoticon_monkey_49"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-50 emoticon emoticon_monkey_50"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton14-51 emoticon emoticon_monkey_51"><a href=""
                                                                                                                      title=""
                                        ></a></li>
                                      </ul>
                                    </li>
                                    <li class="markItUpButton markItUpButton15 emoticons emoticons_onion markItUpDropMenu"><a
                                      href="" title="onion"
                                    >onion</a>
                                      <ul>
                                        <li class="markItUpButton markItUpButton15-1 emoticon emoticon_onion_1"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-2 emoticon emoticon_onion_2"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-3 emoticon emoticon_onion_3"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-4 emoticon emoticon_onion_4"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-5 emoticon emoticon_onion_5"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-6 emoticon emoticon_onion_6"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-7 emoticon emoticon_onion_7"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-8 emoticon emoticon_onion_8"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-9 emoticon emoticon_onion_9"><a href=""
                                                                                                                   title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-10 emoticon emoticon_onion_10"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-11 emoticon emoticon_onion_11"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-12 emoticon emoticon_onion_12"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-13 emoticon emoticon_onion_13"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-14 emoticon emoticon_onion_14"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-15 emoticon emoticon_onion_15"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-16 emoticon emoticon_onion_16"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-17 emoticon emoticon_onion_17"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-18 emoticon emoticon_onion_18"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-19 emoticon emoticon_onion_19"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-20 emoticon emoticon_onion_20"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-21 emoticon emoticon_onion_21"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-22 emoticon emoticon_onion_22"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-23 emoticon emoticon_onion_23"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-24 emoticon emoticon_onion_24"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-25 emoticon emoticon_onion_25"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-26 emoticon emoticon_onion_26"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-27 emoticon emoticon_onion_27"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-28 emoticon emoticon_onion_28"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-29 emoticon emoticon_onion_29"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-30 emoticon emoticon_onion_30"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-31 emoticon emoticon_onion_31"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-32 emoticon emoticon_onion_32"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-33 emoticon emoticon_onion_33"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-34 emoticon emoticon_onion_34"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-35 emoticon emoticon_onion_35"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-36 emoticon emoticon_onion_36"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-37 emoticon emoticon_onion_37"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-38 emoticon emoticon_onion_38"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-39 emoticon emoticon_onion_39"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-40 emoticon emoticon_onion_40"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-41 emoticon emoticon_onion_41"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-42 emoticon emoticon_onion_42"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-43 emoticon emoticon_onion_43"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-44 emoticon emoticon_onion_44"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-45 emoticon emoticon_onion_45"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-46 emoticon emoticon_onion_46"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-47 emoticon emoticon_onion_47"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-48 emoticon emoticon_onion_48"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-49 emoticon emoticon_onion_49"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-50 emoticon emoticon_onion_50"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-51 emoticon emoticon_onion_51"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-52 emoticon emoticon_onion_52"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-53 emoticon emoticon_onion_53"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-54 emoticon emoticon_onion_54"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-55 emoticon emoticon_onion_55"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-56 emoticon emoticon_onion_56"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-57 emoticon emoticon_onion_57"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-58 emoticon emoticon_onion_58"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-59 emoticon emoticon_onion_59"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-60 emoticon emoticon_onion_60"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-61 emoticon emoticon_onion_61"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-62 emoticon emoticon_onion_62"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-63 emoticon emoticon_onion_63"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-64 emoticon emoticon_onion_64"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-65 emoticon emoticon_onion_65"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-66 emoticon emoticon_onion_66"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-67 emoticon emoticon_onion_67"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-68 emoticon emoticon_onion_68"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-69 emoticon emoticon_onion_69"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-70 emoticon emoticon_onion_70"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-71 emoticon emoticon_onion_71"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-72 emoticon emoticon_onion_72"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-73 emoticon emoticon_onion_73"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-74 emoticon emoticon_onion_74"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-75 emoticon emoticon_onion_75"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-76 emoticon emoticon_onion_76"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-77 emoticon emoticon_onion_77"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-78 emoticon emoticon_onion_78"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-79 emoticon emoticon_onion_79"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-80 emoticon emoticon_onion_80"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-81 emoticon emoticon_onion_81"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-82 emoticon emoticon_onion_82"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-83 emoticon emoticon_onion_83"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-84 emoticon emoticon_onion_84"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-85 emoticon emoticon_onion_85"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                        <li class="markItUpButton markItUpButton15-86 emoticon emoticon_onion_86"><a href=""
                                                                                                                     title=""
                                        ></a></li>
                                      </ul>
                                    </li>
                                    <li class="markItUpSeparator">-&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;</li>
                                    <li class="markItUpButton markItUpButton16 clean bbtn_clean"><a href="" title="清除格式"
                                    >清除格式</a></li>
                                  </ul>
                                </div>
                                <textarea class="required markItUpEditor" cols="40" id="topic_body" maxlength="10000"
                                          name="topic[body]" rows="20"
                                ></textarea>
                                <div class="markItUpFooter">
                                  <div class="markItUpResizeHandle"></div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="body_count" style="width: 100%"><span id="topic_body_count_notice">你还可以输入9994个字符</span>
                          </div>
                          <ul class="topic_pub_list">
                            <li>
                              <label>主题版块</label>
                              <div class="txt-box">
                                <select id="select_parent_forum" class="required">
                                  <option value="">-选择大版块-</option>
                                  <option data-tech-forum="true" value="MSSQL" data-max-point="">MS-SQL Server</option>
                                  <option data-tech-forum="true" value="Delphi" data-max-point="">Delphi</option>
                                  <option data-tech-forum="false" value="Support" data-max-point="">站务专区</option>
                                  <option data-tech-forum="true" value="Embedded" data-max-point="">硬件/嵌入开发</option>
                                  <option data-tech-forum="true" value="DotNET" data-max-point="">.NET技术</option>
                                  <option data-tech-forum="true" value="WebDevelop" data-max-point="">Web 开发</option>
                                  <option data-tech-forum="true" value="Mobile" data-max-point="">移动开发</option>
                                  <option data-tech-forum="true" value="PHP" data-max-point="">PHP</option>
                                  <option data-tech-forum="true" value="BCB" data-max-point="">C++ Builder</option>
                                  <option data-tech-forum="true" value="VB" data-max-point="">VB</option>
                                  <option data-tech-forum="false" value="Trainning" data-max-point="">培训认证</option>
                                  <option data-tech-forum="true" value="Linux" data-max-point="">Linux/Unix社区</option>
                                  <option data-tech-forum="true" value="OtherLanguage" data-max-point="">其他开发语言</option>
                                  <option data-tech-forum="true" value="Oracle" data-max-point="">Oracle</option>
                                  <option data-tech-forum="true" value="Enterprise" data-max-point="">企业IT</option>
                                  <option data-tech-forum="true" value="Cpp" data-max-point="">C/C++</option>
                                  <option data-tech-forum="true" value="Java" data-max-point="">Java</option>
                                  <option data-tech-forum="false" value="Other" data-max-point="">扩充话题</option>
                                  <option data-tech-forum="true" value="VC" data-max-point="">VC/MFC</option>
                                  <option data-tech-forum="true" value="PowerBuilder" data-max-point="">PowerBuilder</option>
                                  <option data-tech-forum="true" value="Windows" data-max-point="">Windows专区</option>
                                  <option data-tech-forum="true" value="CUDA" data-max-point="">CUDA</option>
                                  <option data-tech-forum="true" value="OtherDatabase" data-max-point="">其他数据库开发</option>
                                  <option data-tech-forum="true" value="Informatica" data-max-point="">Informatica</option>
                                  <option data-tech-forum="true" value="CloudComputing" data-max-point="">云计算</option>
                                  <option data-tech-forum="true" value="eSDK" data-max-point="">华为开发者社区</option>
                                  <option data-tech-forum="true" value="GameDevelop" data-max-point="">游戏开发</option>
                                  <option data-tech-forum="true" value="Network_communication" data-max-point="">网络与通信</option>
                                  <option data-tech-forum="true" value="GEPredix" data-max-point="">GE Predix工业互联网开发社区</option>
                                  <option data-tech-forum="false" value="ParentBlockchainTechnology" data-max-point="">区块链技术
                                  </option>
                                  <option data-tech-forum="false" value="OtherTechnicalForum" data-max-point="">其他技术论坛</option>
                                  <option data-tech-forum="false" value="seekjob" data-max-point="">求职招聘</option>
                                  <option data-tech-forum="true" value="BitcoinsvZone" data-max-point="">BitcoinSV开发论坛</option>
                                  <option data-tech-forum="true" value="harmonyos" data-max-point="">鸿蒙技术社区</option>
                                  <option data-tech-forum="true" value="OpenSource" data-max-point="">开源技术</option>
                                </select>
                                <select id="select_child_forum" name="topic[forum_id]" class="required">
                                  <option value="">-选择小版块-</option>
                                </select>
                              </div>
                            </li>
                            <li>
                              <label>邀请回复</label>
                              <div class="txt-box">
                                <div id="system_invitate_usernames"></div>
                                <strong>
                                  <a href="javascript:void(0);" id="change_system_invitate_usernames" title="换一批">换一批</a>&nbsp;
                                </strong>
                              </div>
                            </li>
                            <li>
                              <label></label>
                              <div class="txt-box">
                                <div id="MansBox" class="tag-box d-flex flex-row">
                                  <input id="hidMans" type="hidden" name="hidTags" value="">
                                  <button id="addMan" class="btn-add-tag">
                                    <svg aria-hidden="true" class="icon">
                                      <use xlink:href="https://bbs.csdn.net/topics/new#csdnc-plusgroup"></use>
                                    </svg>
                                    添加邀请人
                                  </button>
                                </div>
                                <p class="mt8"><span class="ipt-remark">最多添加5个人</span></p>
                              </div>
                            </li>
                          </ul>
                          <div class="pub pub_ml">
                            <input name="commit" type="submit" value="发表" class="btn_b submit_load_icon"
                                   onclick="return check_user_status()"
                            >
                          </div>
                        </div>
                        <ul class="pub_list pub_ml pub_b_tip">
                          <li style="font-weight: bold;">可用分不足时扣除全部可用分，欠缺积分由等比例C币填补，显示的可用分包含原有可用分+C币折算后的（1C币=10可用分）。</li>
                          <li style="font-weight: bold;">关于代码等技术问题，欢迎到<a href="https://ask.csdn.net" target="_blank">问答频道</a>提问求助！
                          </li>
                          <li>请遵守CSDN<a href="/help#user_criterion" target="_blank">用户行为准则</a>，不得违反国家法律法规。</li>
                          <li>转载文章请注明出自“CSDN（www.csdn.net）”，如是商业用途请联系原作者。</li>
                          <li>为了维护良好的技术讨论环境，请不要讨论政治 相关话题。</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </form>-->
      </div>

    </div>
  </div>
</template>

<script>
import Editor from '@/components/Editor'
import { addForum } from '@/api/forum'
import {mapGetters} from 'vuex'
import {addMessage} from '@/api/message'

export default {
  name: 'write',
  components: { Editor },
  data() {
    return {
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        forumContent: [
          { required: true, message: '文章内容不能为空', trigger: 'blur' }
        ],
        forumTitle: [
          { required: true, message: '文章标题不能为空', trigger: 'blur' },
          { min: 3, max: 80, message: '长度在 3 到 80 个字符', trigger: 'blur' }
        ]
      }
    }
  },
  computed: {
    ...mapGetters([
      'user',
    ])
  },
  methods: {
    /** 提交按钮 */
    submitForm: function() {
      this.$refs['form'].validate(valid => {
        if (valid) {
          this.form.userId = JSON.parse(JSON.stringify(this.user.userId))
          addForum(this.form).then(response => {
            if (response.code===200){
              this.msgSuccess('发布成功，待系统审核')
              let message = {
                fromId: this.user.userId,
                fromName: this.user.userName,
                toId: 1,
                toName: 'admin',
                messageTitle: '帖子审核',
                payload: JSON.stringify(this.form),
                messageContent: '【' + this.user.userName + '】用户发表论坛帖子，请注意查看！',
                type:'2',
                identity:'0'
              }
              addMessage(message)
              this.form={}
              this.$router.push({
                path: '/forum/edit',
                query: {
                  id: response.forumId
                }
              })
            }else {
              this.msgError('发布异常，请重试')
            }
          })
        }
      })
    }
  }
}
</script>
<style scoped>
/deep/ .el-input--suffix .el-input__inner {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.fabu {
  float: right;
}

.fabu a {
  display: block;
  width: 72px;
  height: 34px;
  background-color: #fc5531;
  line-height: 34px;
  color: #fff !important;
  font-size: 14px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.fabu a:hover {
  background-color: #fc1944;
}
</style>

